<template>
	<div style="background-color: #fff; margin-top: 10px;width: 99%;margin-left: 0%;padding-bottom: 0px !important;
	margin-bottom: 0px !important;height: 103%;float: left;">
	<el-main style="padding-bottom: 0px !important;height: 100%;" class="symain">
		<el-row :gutter="15" style="height: 95%;">
			<el-col :lg="6">
				<assetCategoryStatistics></assetCategoryStatistics>
			</el-col>
			<el-col :lg="6">
				<assetGrowthStatistics></assetGrowthStatistics>
			</el-col>
			<el-col :lg="6">
				<assetScrapStatistics></assetScrapStatistics>
			</el-col>
			<el-col :lg="6">
				<assetStateStatistics></assetStateStatistics>
			</el-col>
		</el-row>
	</el-main>
</div>
</template>

<script>
	import ExSelect from "@/components/exSelect/index.vue";
	import assetGrowthStatistics from "@/views/home/widgets/components/assetGrowthStatistics.vue";
	import assetCategoryStatistics from "@/views/home/widgets/components/assetCategoryStatistics.vue"
	import assetScrapStatistics from "@/views/home/widgets/components/assetScrapStatistics.vue"
	import assetStateStatistics from "@/views/home/widgets/components/assetStateStatistics.vue"

	/**
	 * 引入组件 @/components/scEcharts
	 * 组件内部会自动加载主题 @/components/scEcharts/echarts-theme-T.js
	 * 支持props包括 height，width，option
	 * 组件export百度Echarts所有方法，使用方式: new scEcharts[fun]
	 */

	export default {
		name: 'chart',
		components: {
			assetGrowthStatistics,
			assetCategoryStatistics,
			assetScrapStatistics,
			assetStateStatistics,
		},
		data() {
			return {
			}
		}

	}
</script>

<style>
.xia-app-title{
		color: #141e31;
		font-size: 16px;
		font-weight: 700;
		line-height: 32px;
		top:20px;
		margin-left: 10px;
		margin-top: 30px;
	}
	.symain .el-card__body {
		padding-bottom: 0px !important;
	}

	.syselect{
		line-height: 26px;
		height: 26px;
	}
	.syselect div,.syselect input{
		line-height: 26px;
		height: 26px;
	}

	.no-Clear  .el-input__wrapper:hover .el-input__suffix{
		display: none !important;

	}
</style>
